.lock {
  width: 150px;
  height: 100px;
  position: relative;
  border-radius: 20px;
  background-color: skyblue;
  top: 50px;
}

.lock:after {
  position: absolute;
  content: '';
  width: 20px;
  height: 50px;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  background: white;
  border-radius: 10px 10px 10px 10px;
}

.lock:before {
  position: absolute;
  content: '';
  width: 75px;
  height: 75px;
  border-top-left-radius: 75px;
  border-top-right-radius: 75px;
  border: 15px solid skyblue;
  top: -50%;
  left: 50%;
  transform: translateX(-50%);
}
